import bookimage from '@/public/book.png';
import { BookState } from '../BookList/interface';
import styles from './index.scss';

export default function Book(props: BookState) {
    return (
        <div className={styles.root}>
            <div style={{ width: '100%' }}>
                <img className={styles.avatarRace} src={bookimage} alt="" />
            </div>
            <div className={styles.description}>
                <div className={styles.title}>书名：{props.book_name}</div>
                <div className={styles.date}>
                    租赁时间：{props.publish_date}
                </div>
            </div>
        </div>
    );
}
